<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html lang="zh">
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>网络在线报名系统 -- 国内领先的在线报名系统！</title>
        <meta name="keywords" content="网络在线报名系统,报名系统,在线报名系统,学生报名管理系统,免费报名系统,支持用户自定义报名的属性,支持QQ,微信二维码生成报名,手机客户端支持">
		<meta name="description" content="网络在线报名系统是最专业的在线报名系统，采用Java开发，安全稳定、无漏洞、功能强大，致力于为广大客户提供专业的网上报名管理系统！,支持用户自定义报名的属性,支持QQ,微信二维码生成报名,手机客户端支持">

		<link rel="stylesheet" href="js/style.css">

		<meta name="viewport" content="width=device-width">

	</head>
	<body>
		<img id="logo" src="js/logo.png" alt="Unslider logo" height="27"
			width="34">

		<div style="overflow: hidden; width: 100%; height: 415px;"
			class="banner has-dots">
			<ul
				style="width: 400%; position: relative; left: -200%; height: 415px;">
				<li
					style="background-image: url(&quot;img/sunset.jpg&quot;); width: 25%;">
					<div class="inner">
						<h1>
							网络在线报名 就是报名
						</h1>
						<p>
							这个报名，就可以让你拥有报名的功能，专一的
						</p>

						<a class="btn" href="<%=basePath %>page/login_enter.action">登陆</a>
					</div>
				</li>

				<li
					style="background-image: url(&quot;img/wood.jpg&quot;); width: 25%;">
					<div class="inner">
						<h1>
							二维码生成
						</h1>
						<p>
							我们是完全支持二维码生成，只要一扫描，直接定位到你的报名窗口
						</p>

						<a class="btn" href="<%=basePath %>page/login_enter.action">登陆</a>
					</div>
				</li>

				<li
					style="background-image: url(&quot;img/subway.jpg&quot;); width: 25%;">
					<div class="inner">
						<h1>
							自定义报名属性
						</h1>
						<p>
							你可以自己定义报名需要填写的属性
						</p>

						<a class="btn" href="<%=basePath %>page/login_enter.action">登陆</a>
					</div>
				</li>

				<li
					style="background-image: url(&quot;img/shop.jpg&quot;); width: 25%;">
					<div class="inner">
						<h1>
							上传和搜索
						</h1>
						<p>
							不错，还可以拥有上传相片的功能，搜索多个选择的功能，方便你的用户
						</p>

						<a class="btn" href="<%=basePath %>page/login_enter.action">登陆</a>
					</div>
				</li>
			</ul>
			<ol class="dots">
				<li class="dot">
					1
				</li>
				<li class="dot">
					2
				</li>
				<li class="dot">
					3
				</li>
				<li class="dot">
					4
				</li>
			</ol>
		</div>

		<div class="features">
			<ul class="wrap">
				<li class="browser">
					<b>支持手机</b>
					<p>
                    	在线报名已经在所有的智能机上做过测试，对于这些智能机的支持是100%的比例，相当于的出色，有的时候，不想用电脑报名。 
					</p>
				</li>

				<li class="keyboard">
					<b>支持二维码生成</b>
					<p>
						如果需要，你还可以点击生成二维码，不要去记那么长的网址！直接定位到你的报名，或者你的网站。
					</p>
				</li>

				<li class="height">
					<b>自定义属性</b>
					<p>
						每个报名都要不一样的信息，这种怎么办！没错，我们支持你自己定义你的用户写的属性，还有他们要写的长度，默认值，是否一定要写了之后才提交。
					</p>
				</li>

				<li class="responsive">
					<b>没错，还有上传功能</b>
					<p>
						现在的报名，有个头像绝对是需要的，如果没有上传功能的报名，可能也不太靠谱，所以，我们有的时候，有必要，需要这个上传功能需要
					</p>
				</li>
			</ul>
		</div>

		<script src="js/jquery_002.js"></script> 
		<script src="js/jquery.js"></script>

		<script src="js/unslider.js"></script>
		<script>
	if (window.chrome) {
		$('.banner li').css('background-size', '100% 100%');
	}

	$('.banner').unslider( {
		arrows : true,
		fluid : true,
		dots : true
	});

	$('a[href^="#"]').click(function() {
		var target = $($(this).attr('href'));
		var pos = target.offset();
		if (pos) {
			$('html, body').animate( {
				scrollTop : pos.top,
				scrollLeft : pos.left
			}, 1000);
		}

		return false;
	});
</script>
	</body>
</html>
